<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>Ibsm平台</title>
    <meta name="description" content="blank page" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="shortcut icon" href="assets/img/favicon.png" type="image/x-icon">
    <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
    <link id="bootstrap-rtl-link" href="" rel="stylesheet" />
    <link href="assets/css/font-awesome.min.css" rel="stylesheet" />
    <link href="assets/css/weather-icons.min.css" rel="stylesheet" />
    <link id="beyond-link" href="assets/css/beyond.min.css" rel="stylesheet" />
    <link href="assets/css/typicons.min.css" rel="stylesheet" />
    <link href="assets/css/animate.min.css" rel="stylesheet" />
    <link id="skin-link" href="" rel="stylesheet" type="text/css" />
    <link href="assets/css/dataTables.bootstrap.css" rel="stylesheet" />
    <link href="assets/js/upload/css/fileinput.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="assets/js/tree/css/metroStyle/metroStyle.css" />
    <script src="assets/js/skins.min.js"></script>
</head>
<!-- /Head -->
<!-- Body -->
<body>
<!-- Loading Container -->
<div class="loading-container">
    <div class="loading-progress">
        <div class="rotator">
            <div class="rotator">
                <div class="rotator colored">
                    <div class="rotator">
                        <div class="rotator colored">
                            <div class="rotator colored"></div>
                            <div class="rotator"></div>
                        </div>
                        <div class="rotator colored"></div>
                    </div>
                    <div class="rotator"></div>
                </div>
                <div class="rotator"></div>
            </div>
            <div class="rotator"></div>
        </div>
        <div class="rotator"></div>
    </div>
</div>
<!--  /Loading Container -->
<!-- Navbar -->
<div class="navbar">
    <div class="navbar-inner">
        <div class="navbar-container">
            <!-- Navbar Barnd -->
            <div class="navbar-header pull-left">
                <a href="#" class="navbar-brand">
                    <small>
                        <h4>IbsmPlatform</h4>
                    </small>
                </a>
            </div>
            <div class="sidebar-collapse" id="sidebar-collapse">
                <i class="collapse-icon fa fa-bars"></i>
            </div>
            <div class="navbar-header">
                <div class="navbar-account">
                    <ul class="account-area">
                        <li>
                            <a href="#" class="navbar-brand">
                                <small>
                                    <h4>咨询</h4>
                                </small>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="navbar-brand">
                                <small>
                                    <h4>文摘</h4>
                                </small>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="navbar-brand">
                                <small>
                                    <h4>博客</h4>
                                </small>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="navbar-brand">
                                <small>
                                    <h4>评论</h4>
                                </small>
                            </a>
                        </li>
                        <li>
                            <a class="login-area dropdown-toggle" data-toggle="dropdown">
                                <div class="avatar" title="View your public profile">
                                    <img src="assets/img/avatars/adam-jansen.jpg">
                                </div>
                                <section>
                                    <h2><span class="profile"><span>设置主题</span></span></h2>
                                </section>
                            </a>
                            <ul class="pull-right dropdown-menu dropdown-arrow dropdown-login-area">
                                <li class="theme-area">
                                    <ul class="colorpicker" id="skin-changer">
                                        <li><a class="colorpick-btn" href="#" style="background-color:#5DB2FF;" rel="assets/css/skins/blue.min.css"></a></li>
                                        <li><a class="colorpick-btn" href="#" style="background-color:#2dc3e8;" rel="assets/css/skins/azure.min.css"></a></li>
                                        <li><a class="colorpick-btn" href="#" style="background-color:#03B3B2;" rel="assets/css/skins/teal.min.css"></a></li>
                                        <li><a class="colorpick-btn" href="#" style="background-color:#53a93f;" rel="assets/css/skins/green.min.css"></a></li>
                                        <li><a class="colorpick-btn" href="#" style="background-color:#FF8F32;" rel="assets/css/skins/orange.min.css"></a></li>
                                        <li><a class="colorpick-btn" href="#" style="background-color:#cc324b;" rel="assets/css/skins/pink.min.css"></a></li>
                                        <li><a class="colorpick-btn" href="#" style="background-color:#AC193D;" rel="assets/css/skins/darkred.min.css"></a></li>
                                        <li><a class="colorpick-btn" href="#" style="background-color:#8C0095;" rel="assets/css/skins/purple.min.css"></a></li>
                                        <li><a class="colorpick-btn" href="#" style="background-color:#0072C6;" rel="assets/css/skins/darkblue.min.css"></a></li>
                                        <li><a class="colorpick-btn" href="#" style="background-color:#585858;" rel="assets/css/skins/gray.min.css"></a></li>
                                        <li><a class="colorpick-btn" href="#" style="background-color:#474544;" rel="assets/css/skins/black.min.css"></a></li>
                                        <li><a class="colorpick-btn" href="#" style="background-color:#001940;" rel="assets/css/skins/deepblue.min.css"></a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                    </ul><div class="setting">
                    <a id="btn-setting" title="Setting" href="#">
                        <i class="icon glyphicon glyphicon-cog"></i>
                    </a>
                </div>
                    <div class="setting-container">
                        <label>
                            <input type="checkbox" id="checkbox_fixednavbar">
                            <span class="text">Fixed Navbar</span>
                        </label>
                        <label>
                            <input type="checkbox" id="checkbox_fixedsidebar">
                            <span class="text">Fixed SideBar</span>
                        </label>
                        <label>
                            <input type="checkbox" id="checkbox_fixedbreadcrumbs">
                            <span class="text">Fixed BreadCrumbs</span>
                        </label>
                        <label>
                            <input type="checkbox" id="checkbox_fixedheader">
                            <span class="text">Fixed Header</span>
                        </label>
                    </div>
                </div>
            </div>
            <!-- /Account Area and Settings -->
        </div>
    </div>
</div>
<!-- /Navbar -->
<!-- Main Container -->
<div class="main-container container-fluid">
    <!-- Page Container -->
    <div class="page-container">
        <!-- Page Sidebar -->
        <div class="page-sidebar" id="sidebar">
            <!-- Page Sidebar Header-->
            <div class="sidebar-header-wrapper">
                <input type="text" class="searchinput" />
                <i class="searchicon fa fa-search"></i>
                <div class="searchhelper">Search Reports, Charts, Emails or Notifications</div>
            </div>
            <!-- /Page Sidebar Header -->
            <!-- Sidebar Menu -->
            <ul class="nav sidebar-menu">
                <li class="active">
                    <a href="index.html">
                        <i class="menu-icon glyphicon glyphicon-home"></i>
                        <span class="menu-text"> 首页 </span>
                    </a>
                </li>
                <!--系统管理-->
                <li>
                    <a href="#" class="menu-dropdown">
                        <i class="menu-icon fa fa-envelope-o"></i>
                        <span class="menu-text"> 博客档 </span>
                        <i class="menu-expand"></i>
                    </a>

                    <ul class="submenu">
                        <li>
                            <a href="#!system/user/user-index.html">
                                <span class="menu-text">硬件装备</span>
                            </a>
                        </li>
                        <li>
                            <a href="#!system/role/role-index.html">
                                <span class="menu-text">软件应用</span>
                            </a>
                        </li>
                        <li>
                            <a href="#!system/menu/menu-index.html">
                                <span class="menu-text">开发设计</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#" class="menu-dropdown">
                        <i class="menu-icon fa fa-envelope-o"></i>
                        <span class="menu-text"> 联系地址 </span>
                        <i class="menu-expand"></i>
                    </a>

                    <ul class="submenu">
                        <li>
                            <a href="#!error-404.html">
                                <span class="menu-text">Inbox</span>
                            </a>
                        </li>
                    </ul>
                </li>

            </ul>
            <!-- /Sidebar Menu -->
        </div>
        <!-- /Page Sidebar -->
        <!-- Page Content -->
        <div id="pageContent" class="page-content">
            <!-- Page Breadcrumb -->
            <div class="page-breadcrumbs">
                <ul class="breadcrumb">
                    <li class="active">
                        <i class="fa fa-home"></i>
                        <a href="#">首页</a>
                    </li>
                </ul>
            </div>
            <!-- Page Body -->
            <div class="page-body">





                <div class="mail-container">
                    <div class="mail-header">
                        <div class="mail-title">
                            <strong>JAVA语言是最好的语言</strong>
                        </div>
                        <ul class="header-buttons pull-right">
                            <li>
                                <a class="tooltip-primary" data-toggle="赞" data-original-title="Reply">赞 </a>
                            </li>
                            <li>
                                <a class="tooltip-primary" data-toggle="踩" data-original-title="ReplyAll">踩</a>
                            </li>
                            <li>
                                <a class="tooltip-primary" data-toggle="举报" data-original-title="Remove">举报</a>
                            </li>
                            <li>
                                <a class="tooltip-primary" data-toggle="打印" data-original-title="Print">打印</a>
                            </li>
                        </ul>
                    </div>
                    <div class="mail-body">
                        <div class="mail-info">
                            <div class="mail-sender">
                                标签:<span class="label label-palegreen">JAVA</span> <span class="label label-yellow">最好的语言</span>
                                <!--<a href="#">
                                    <img src="assets/img/avatars/divyia.jpg" class="img-circle" width="30" />
                                    <span>王力宏</span>
                                    (noreply@example.com)
                                </a>-->
                            </div>
                            <div class="mail-date">
                                2015-05-12 23:34:21
                            </div>
                        </div>
                        <div class="mail-text">
                            <p>In literary theory, a text is any object that can be "read," whether this object is a work of literature, a street sign, an arrangement of buildings on a city block, or styles of clothing. It is a coherent set of signs that transmits some kind of informative message.[1] This set of symbols is considered in terms of the informative message's content, rather than in terms of its physical form or the medium in which it is represented.</p>
                            <p>Within the field of literary criticism, "text" also refers to the original information content of a particular piece of writing; that is, the "text" of a work is that primal symbolic arrangement of letters as originally composed, apart from later alterations, deterioration, commentary, translations, paratext, etc. Therefore, when literary criticism is concerned with the determination of a "text," it is concerned with the distinguishing of the original information content from whatever has been added to or subtracted from that content as it appears in a given textual document (that is, a physical representation of text).</p>
                            <p>Since the history of writing predates the concept of the "text", most texts were not written with this concept in mind. Most written works fall within a narrow range of the types described by text theory. The concept of "text" becomes relevant if and when a "coherent written message is completed and needs to be referred to independently of the circumstances in which it was created.</p>
                            <p>In literary theory, a text is any object that can be "read," whether this object is a work of literature, a street sign, an arrangement of buildings on a city block, or styles of clothing. It is a coherent set of signs that transmits some kind of informative message.[1] This set of symbols is considered in terms of the informative message's content, rather than in terms of its physical form or the medium in which it is represented.</p>
                        </div>
                        <div class="mail-attachments">
                            <h4>
                                <i class="fa fa-paperclip"></i> 评论 <span>(4)</span>
                            </h4>

                            <div class="col-md-12">
                                <form method="post" class="well padding-bottom-10" onsubmit="return false;">
                                                                <span class="input-icon icon-right">
                                                                    <textarea rows="2" class="form-control" placeholder="Post a new message"></textarea>
                                                                    <i class="fa fa-camera themeprimary"></i>
                                                                </span>
                                    <div class="padding-top-10 text-align-right">
                                        <a class="btn btn-sm btn-primary">
                                            Send
                                        </a>
                                    </div>
                                </form>
                                <div>
                                    <div class="comment">
                                        <img src="assets/img/avatars/adam-jansen.jpg" alt="" class="comment-avatar">
                                        <div class="comment-body">
                                            <div class="comment-text">
                                                <div class="comment-header">
                                                    <a href="#" title="">Adam Jansen</a><span>about 2 minuts ago</span>
                                                </div>
                                                Story based around the idea of time lapse, animation to post soon!
                                            </div>
                                            <div class="comment-footer">
                                                <a href="#"><i class="fa fa-thumbs-o-up"></i></a>
                                                <a href="#"><i class="fa fa-thumbs-o-down"></i></a>
                                                <a href="#">Reply</a>
                                            </div>
                                        </div>

                                        <div class="comment">
                                            <img src="assets/img/avatars/John-Smith.jpg" alt="" class="comment-avatar">
                                            <div class="comment-body">
                                                <div class="comment-text">
                                                    <div class="comment-header">
                                                        <a href="#" title="">John Smith</a><span>about 1 hour ago</span>
                                                    </div>
                                                    Wow impressive!
                                                </div>
                                                <div class="comment-footer">
                                                    <a href="#"><i class="fa fa-thumbs-o-up"></i></a>
                                                    <a href="#"><i class="fa fa-thumbs-o-down"></i></a>
                                                    <a href="#">Reply</a>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="comment">
                                            <img src="assets/img/avatars/Matt-Cheuvront.jpg" alt="" class="comment-avatar">
                                            <div class="comment-body">
                                                <div class="comment-text">
                                                    <div class="comment-header">
                                                        <a href="#" title="">Matt Cheuvront</a><span>about 2 hours ago</span>
                                                    </div>
                                                    Wow, that is really nice.
                                                </div>
                                                <div class="comment-footer">
                                                    <a href="#"><i class="fa fa-thumbs-o-up"></i></a>
                                                    <a href="#"><i class="fa fa-thumbs-o-down"></i></a>
                                                    <a href="#">Reply</a>
                                                </div>
                                            </div>

                                            <div class="comment">
                                                <img src="assets/img/avatars/Stephanie-Walter.jpg" alt="" class="comment-avatar">
                                                <div class="comment-body">
                                                    <div class="comment-text">
                                                        <div class="comment-header">
                                                            <a href="#" title="">Stephanie Walter</a><span>3 hours ago</span>
                                                        </div>
                                                        Nice work, makes me think of The Money Pit.
                                                    </div>
                                                    <div class="comment-footer">
                                                        <a href="#"><i class="fa fa-thumbs-o-up"></i></a>
                                                        <a href="#"><i class="fa fa-thumbs-o-down"></i></a>
                                                        <a href="#">Reply</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="comment">
                                        <img src="assets/img/avatars/divyia.jpg" alt="" class="comment-avatar">
                                        <div class="comment-body">
                                            <div class="comment-text">
                                                <div class="comment-header">
                                                    <a href="#" title="">Kim Ryder</a><span>about 4 hours ago</span>
                                                </div>
                                                i'm in the middle of a timelapse animation myself! (Very different though.) Awesome stuff.
                                            </div>
                                            <div class="comment-footer">
                                                <a href="#"><i class="fa fa-thumbs-o-up"></i></a>
                                                <a href="#"><i class="fa fa-thumbs-o-down"></i></a>
                                                <a href="#">Reply</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="comment">
                                        <img src="assets/img/avatars/Nicolai-Larson.jpg" alt="" class="comment-avatar">
                                        <div class="comment-body">
                                            <div class="comment-text">
                                                <div class="comment-header">
                                                    <a href="#" title="">Nicolai Larson</a><span>10 hours ago</span>
                                                </div>
                                                the parallax is a little odd but O.o that house build is awesome!!
                                            </div>
                                            <div class="comment-footer">
                                                <a href="#"><i class="fa fa-thumbs-o-up"></i></a>
                                                <a href="#"><i class="fa fa-thumbs-o-down"></i></a>
                                                <a href="#">Reply</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="mail-sidebar">
                        <ul class="mail-menu">
                            <li>
                                <a class="login-area dropdown-toggle" data-toggle="dropdown">
                                    <div class="avatar" title="View your public profile">
                                        <img src="assets/img/avatars/adam-jansen.jpg">
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i class="fa fa-star"></i>
                                    <span class="badge badge-default badge-square pull-right">1</span>
                                    Important
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i class="glyphicon glyphicon-share"></i>
                                    <span class="badge badge-default badge-square pull-right">1</span>
                                    Sent
                                </a>
                            </li>

                            <li>
                                <a href="#">
                                    <i class="fa fa-envelope"></i>
                                    Drafts
                                </a>
                            </li>

                            <li>
                                <a href="#">
                                    <i class="fa fa-ban"></i>
                                    <span class="badge badge-default badge-square pull-right">1</span>
                                    Spam
                                </a>
                            </li>

                            <li>
                                <a href="#">
                                    <i class="fa fa-trash-o"></i>
                                    Trash
                                </a>
                            </li>
                            <li class="divider">
                            </li>
                            <li>
                                <a href="#">
                                    + Add Folder
                                </a>
                            </li>
                        </ul>
                        <ul class="mail-menu">
                            <li class="menu-title">
                                <h6>Tags</h6>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="badge badge-palegreen badge-tag badge-square"></span>
                                    Business
                                </a>
                            </li>

                            <li>
                                <a href="#">
                                    <span class="badge badge-darkorange badge-tag badge-square"></span>
                                    Sports
                                </a>
                            </li>

                            <li>
                                <a href="#">
                                    <span class="badge badge-yellow badge-tag badge-square"></span>
                                    Friends
                                </a>
                            </li>
                            <li class="divider">
                            </li>
                            <li>
                                <a href="#">
                                    + Add Tag
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>










        </div>
        </div>
    </div>

</div>
<script src="assets/js/jquery-2.0.3.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/beyond.min.js"></script>
<script src="assets/js/jquery.hashchange.js"></script>
<script src="assets/js/datatable/jquery.dataTables.min.js"></script>
<script src="assets/js/datatable/ZeroClipboard.js"></script>
<script src="assets/js/datatable/dataTables.tableTools.min.js"></script>
<script src="assets/js/datatable/dataTables.bootstrap.min.js"></script>
<script src="assets/js/datatable/dataTableExt.fnReloadAjax.js"></script>
<script src="assets/js/validation/bootstrapValidator.js"></script>
<script src="assets/js/datetime/long2date.js"></script>
<script src="assets/js/toastr/toastr.js"></script>
<script src="assets/js/validation/form2json.js"></script>
<script src="assets/js/url-params.js"></script>
<script src="assets/js/full-form.js"></script>
<script src="assets/js/bootbox/bootbox.js"></script>
<script src="assets/js/layer/layer.js"></script>
<script src="assets/js/upload/js/fileinput.js"></script>
<script src="assets/js/upload/js/fileinput_locale_zh.js"></script>
<script src="assets/js/tree/js/jquery.ztree.core-3.5.js"></script>
<script src="assets/js/editors/summernote/summernote.js"></script>

<script src="assets/js/charts/sparkline/jquery.sparkline.js"></script>
<script src="assets/js/charts/sparkline/sparkline-init.js"></script>
<script type="text/javascript">
    $(window).bind("load", function () {

        /*Sets Themed Colors Based on Themes*/
        themeprimary = getThemeColorFromCss('themeprimary');
        themesecondary = getThemeColorFromCss('themesecondary');
        themethirdcolor = getThemeColorFromCss('themethirdcolor');
        themefourthcolor = getThemeColorFromCss('themefourthcolor');
        themefifthcolor = getThemeColorFromCss('themefifthcolor');

        InitiateSparklineCharts.init();
    });
</script>


<script type="application/javascript">
    $(function(){
        $(window).bind('hashchange', function(e) {
            if(location.hash != ''){
                var path = (location.hash+'').replace("#!","");
                $('#pageContent').load(path);
            }
        });
        $(window).trigger( 'hashchange' );
    });
</script>
</body>
<!--  /Body -->
</html>
